<template>
	<view class="container">
		<view class="paymethod">
			<u-cell-group>
				 <u-cell-item title="支付宝">
					 <u-icon slot="icon" size="40" name="../../../../static/icon_zfb_535.png" color="#2979ff"></u-icon>
				 </u-cell-item>
			</u-cell-group>
		</view>
		<view class="payprice">
			<text>缴纳金额</text>
			<view>
				<text>￥</text>
				<input type="text" value="" />
			</view>
			<text>缴纳保证金1000元</text>
		</view>
		<view class="paybtn">
			<text>确定</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
       page{
		   width: 100%;
		   height: 100%;
	   }
	   .container{
		   width: 100%;
		   height: 100%;
		   background-color: rgba(244, 248, 251, 1);
		   .paymethod{
			   width: 100%;
			   height: auto;
			   position: relative;
			   top: 20upx;
		   }
		   .payprice{
			   width: 100%;
			   height: auto;
			   padding-top: 20upx;
			   background-color: #FFFFFF;
			   margin-top: 40upx;
			   text{
				   color: rgba(136, 136, 136, 0.7);
				   font-size: 30upx;
				   display: block;
				   line-height: 100upx;
				   margin-left: 25upx;
			   }
			   view{
				   width: 100%;
				   border-bottom: 1upx solid #F1F1F1;
				   margin-top: 40upx;
				   height: auto;
				   padding-bottom: 15upx;
				   display: flex;
				   align-items: center;
				   text{
				      color: #222 !important;
					  font-weight: bold;
					  font-size: 50upx !important;
					  line-height: 50upx !important;
				   }
				   input{
					   flex: 1;
					   display: flex;
					   align-items: center;
					   font-size: 30upx;
					   height: 60upx;
					   color: rgba(34, 34, 34, 0.7);
				   }
			   }
		   }
		   .paybtn{
			   width: 680upx;
			   height: 90upx;
			   background-color: #19be6b;
			   color: #FFFFFF;
			   font-size: 30upx;
			   display: flex;
			   align-items: center;
			   justify-content: center;
			   border-radius: 10upx;
			   margin: auto;
			   margin-top: 100upx;
		   }
	   }
</style>
